﻿<!DOCTYPE html>
<html>
<head>
	<title>Maxstore</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="mô tả" />
	<meta name="keywords" content="từ khóa" />
	<meta name="robots" content="noodp,index,follow" />
	<meta http-equiv="content-language" content="vi" />
	<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<!--CSS-->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/skin.css" />
	<!--JAVASCIPT-->
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
	<script type="text/javascript"><!--Main-slide-->
		$(document).ready(function(){		
			$('.sidebar-slide img, .control-slide img').click(function(){
				$('.act').removeClass('act');
				$(this).addClass('act');
				$('.main-content-slide a').fadeOut(2000);
				var show=$(this).attr('alt');
				$("#"+show).fadeToggle(1000);
			});	
		});
	</script>
	
	<script type="text/javascript"><!--Prod-slide-->
		function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});

			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});

			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		};

		jQuery(document).ready(function() {
			jQuery('#slide-show, #slide-show2').jcarousel({
				auto: 0,
				wrap: 'last',
				initCallback: mycarousel_initCallback
			});
			$('.jcarousel-prev, .jcarousel-next').css('display','block');
		});
	</script>
</head>

<body>
	<div id="header"><!--Header-->
		<form class="container">
			<div class="row-fluid">
				<div class="logo span4">
					<img src="images/logo-head.png" alt=""/>
				</div>
				
				<div class="search span5">
					<input type="text" name="search" class="txt-search" placeholder="Search ..."/>
					<input type="submit" name="submit" class="txt-submit"/>
				</div> 
				
				<div class="login span3">
					<p><a href="#">Sign in</a> | <a href="#">Login</a></p>
				</div>
			</div>
		</form>
	</div><!--End Header-->
	
	<div id="navigation"><!--Navigation-->
		<div class="container">
			<div class="row-fluid">
				<ul class="nav nav-pills span9">
					<li class="active"><a href="#">WOMEN</a></li>
					<li><a href="#">MEN</a></li>
					<li><a href="#">KIDS</a></li>
					<li><a href="#">FASHION</a></li>
					<li><a href="#">COLLECTION</a></li>
				</ul>
				
				<div class="cart-small span3">
					<p><a href="#"><img src="images/icon-cart.png" alt=""/></a> <span>0</span> ITEM / <span>$ 0</span></p>
				</div>
			</div>
		</div>
	</div><!--End Navigation-->
	
	<div id="content"><!--Main-Content-->
		<div class="container">
			<div class="row-fluid">
				<div class="side-bar span3">
					<h2>ACOUNT</h2>
					<h3>INFORMATION</h3>
					<ul class="side-bar-nav">
						<li><a href="#">Account Info</a></li>
						<li><a href="#">Other History</a></li>
						<li class="active"><a href="#">Peeding Review</a>
							<ul>
								<li><a href="#">Crew Clothing</a></li>
								<li><a href="#">Figleaves Tee Boutique</a></li>
								<li><a href="#">Joules</a></li>
								<li><a href="#">Mudd & Water</a></li>
							</ul>
						</li>
						<li><a href="#">Transations</a></li>
						<li><a href="#">Change Password</a></li>
						<li><a href="#">Change Avatar</a></li>
						<li><a href="#">Shipping Address</a></li>
						<li><a href="#">Tracking Other</a></li>
						<li><a href="#">Refunt/Return</a></li>
					</ul>
				</div>
				
				<div class="main-content span9">
					<ul class="breadcrumb">
						<li><a href="#">HOME</a> <span class="divider"></span></li>
						<li><a href="#">WOMEN</a> <span class="divider last"></span></li>
						<li class="active">SHIRTS & BLOUSES</li>
					</ul>
					
					<dl class="acount">
						<dt>My Account</dt>
						<dd>Change my password and information</dd>
						<dd>Change my shipping address</dd>
						<dd>Manager my creadit card</dd>
						<dd>Manager my payment method</dd>
					</dl>
					
					<dl class="other">
						<dt>My Account</dt>
						<dd>Change my password and information</dd>
						<dd>Change my shipping address</dd>
						<dd>Manager my creadit card</dd>
						<dd>Manager my payment method</dd>
					</dl>
				</div>
			</div>
		</div>
	</div><!--End Main-Content-->
	
	<div id="loved-by"><!--Loved by-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-left span2">
					<h2>Loved by</h2>
				</div>
				
				<div class="block-right span10">
					<div class="row-fluid">
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
						<a href="#" class="logo-loved-by span3"></a>
					</div>
				</div>
			</div>
		</div>
	</div><!--End loved by-->
	
	<div id="footer"><!--footer-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-footer span4">
					<div class="row-fluid">
						<div class="span6">
							<h4>New Arrivals</h4>
							<ul>
								<li>Clothing</li>
								<li>Shoes</li>
								<li>Bags</li>
								<li>Accessories</li>
								<li>Zimmermann</li>
								<li>Acne</li>
								<li>Bassike</li>
								<li>Camilla and Marc</li>
							</ul>
						</div>
						<div class="span6">
							<h4>Brands we sell</h4>
							<ul>
								<li>Elle</li>
								<li>Reallxe</li>
								<li>Fabric</li>
								<li>Mayflower</li>
								<li>Levis Strauss</li>
								<li>Anzonica</li>
								<li>Reallxe</li>
								<li>Fabric</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="block-footer span4">
					<div class="row-fluid">
						<div class="span6">
							<h4>New Arrivals</h4>
							<ul>
								<li>Clothing</li>
								<li>Shoes</li>
								<li>Bags</li>
								<li>Accessories</li>
								<li>Zimmermann</li>
								<li>Acne</li>
								<li>Bassike</li>
								<li>Camilla and Marc</li>
							</ul>
						</div>
						<div class="span6">
							<h4>Brands we sell</h4>
							<ul>
								<li>Elle</li>
								<li>Reallxe</li>
								<li>Fabric</li>
								<li>Mayflower</li>
								<li>Levis Strauss</li>
								<li>Anzonica</li>
								<li>Reallxe</li>
								<li>Fabric</li>
							</ul>
						</div>
					</div>
				</div>
				
				<div class="block-footer wide span4">
					<div class="row-fluid">
						<div class="shipping">
							<h3>True Fact</h3>
							<h2>FREE SHIPPING</h2>
							<p>for purchases above $200</p>
						</div>
						<div class="contact">
							<h3>1.800. (1.800.260.7890)</h3>
							<p><img src="images/icon-6.png" alt=""/><img src="images/icon-7.png" alt=""/><img src="images/icon-8.png" alt=""/></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!--End loved by-->
	
	<div id="copy-right"><!--copy-right-->
		<div class="container">
			<div class="row-fluid">
				<div class="block-left span6">
					<p>Copyright &copy; 2013 MaxStore. All Rights Reserved.</p>
				</div>
				
				<div class="block-right span6">
					<p><a href="#"><img src="images/icon-10.png" alt=""/></a><a href="#"><img src="images/icon-11.png" alt=""/></a><a href="#"><img src="images/icon-12.png" alt=""/></a><a href="#"><img src="images/icon-13.png" alt=""/></a><a href="#"><img src="images/icon-14.png" alt=""/></a><a href="#"><img src="images/icon-15.png" alt=""/></a></p>
				</div>
			</div>
		</div>
	</div><!--End copy-right-->
</body>
</html>















































